<!--
 * @Descripttion:
 * @Author: 张明尧
 * @Date: 2020-01-09 14:52:09
 * @LastEditTime: 2020-11-25 09:19:26
-->
<template>
  <div class="card">
    <div
      :style="{padding:`${padding}px`}"
      class="card-content"
    >
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  name: 'Card',
  props: {
    padding: {
      type: Number,
      default: 10,
    },
  },
};
</script>
<style>
.no-header .card {
  padding-top: 0!important;
}
</style>
<style lang="less" scoped>
  .card{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    word-break: break-all;
    .card-content{
      margin: 0 5px;

      background-color: #ffffff;
    }
  }
</style>
